﻿<html>
	<head>
		<title>ComboBox - jQuery LigerUI API</title>   
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
		<link href="../common.css" rel="stylesheet" type="text/css" />
		<script src="../core.js" type="text/javascript"></script> 
	</head>
	<body>
		<h2>参数列表</h2> 

		<table class="apitable" cellpadding="0" cellspacing="0">
        <thead>
            <tr> 
				<td>参数名</td>
				<td>类型</td> 
				<td>描述</td>
				<td>默认值</td> 
            </tr>
        </thead> 
        <tbody>
					<tr>
				<td>  
                    <a name="property_resize"  key="resize" class="linkname"></a>
                                                                       resize
                                            				</td>
                <td>  
                                        Bool
                    				</td>
                <td class="description">  
                                        是否调整大小
                    				</td>
                <td>  
                                        false
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_isMultiSelect"  key="isMultiSelect" class="linkname"></a>
                                                                       isMultiSelect
                                            				</td>
                <td>  
                                        Bool
                    				</td>
                <td class="description">  
                                        是否多选
                    				</td>
                <td>  
                                        false
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_isShowCheckBox"  key="isShowCheckBox" class="linkname"></a>
                                                                       isShowCheckBox
                                            				</td>
                <td>  
                                        Bool
                    				</td>
                <td class="description">  
                                        是否显示复选框
                    				</td>
                <td>  
                                        false
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_columns"  key="columns" class="linkname"></a>
                                                                       <a href="#linkpro12" title="点击查看示例">columns</a>
                                            				</td>
                <td>  
                                        Array
                    				</td>
                <td class="description">  
                                        表格参数
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_selectBoxWidth"  key="selectBoxWidth" class="linkname"></a>
                                                                       selectBoxWidth
                                            				</td>
                <td>  
                                        Int
                    				</td>
                <td class="description">  
                                        下拉框宽度
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_selectBoxHeight"  key="selectBoxHeight" class="linkname"></a>
                                                                       selectBoxHeight
                                            				</td>
                <td>  
                                        Int
                    				</td>
                <td class="description">  
                                        下拉框高度
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_initValue"  key="initValue" class="linkname"></a>
                                                                       initValue
                                            				</td>
                <td>  
                                        String
                    				</td>
                <td class="description">  
                                        初始化值
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_initText"  key="initText" class="linkname"></a>
                                                                       initText
                                            				</td>
                <td>  
                                        String
                    				</td>
                <td class="description">  
                                        初始化文本
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_valueField"  key="valueField" class="linkname"></a>
                                                                       valueField
                                            				</td>
                <td>  
                                        String
                    				</td>
                <td class="description">  
                                        值字段名
                    				</td>
                <td>  
                                        'id'
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_textField"  key="textField" class="linkname"></a>
                                                                       textField
                                            				</td>
                <td>  
                                        String
                    				</td>
                <td class="description">  
                                        文本字段名
                    				</td>
                <td>  
                                        'text'
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_valueFieldID"  key="valueFieldID" class="linkname"></a>
                                                                       valueFieldID
                                            				</td>
                <td>  
                                        String
                    				</td>
                <td class="description">  
                                        隐藏域元素的ID
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_slide"  key="slide" class="linkname"></a>
                                                                       slide
                                            				</td>
                <td>  
                                        Bool
                    				</td>
                <td class="description">  
                                        是否以动画的形式显示
                    				</td>
                <td>  
                                        true
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_split"  key="split" class="linkname"></a>
                                                                       split
                                            				</td>
                <td>  
                                        String
                    				</td>
                <td class="description">  
                                        分隔符
                    				</td>
                <td>  
                                        ;
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_data"  key="data" class="linkname"></a>
                                                                       data
                                            				</td>
                <td>  
                                        Object
                    				</td>
                <td class="description">  
                                        数据源
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_tree"  key="tree" class="linkname"></a>
                                                                       <a href="#linkpro23" title="点击查看示例">tree</a>
                                            				</td>
                <td>  
                                        Object
                    				</td>
                <td class="description">  
                                        <a href="../Tree/parms.htm">同树参数</a>
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_treeLeafOnly"  key="treeLeafOnly" class="linkname"></a>
                                                                       treeLeafOnly
                                            				</td>
                <td>  
                                        Bool
                    				</td>
                <td class="description">  
                                        只对树叶节点有效
                    				</td>
                <td>  
                                        true
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_grid"  key="grid" class="linkname"></a>
                                                                       <a href="#linkpro25" title="点击查看示例">grid</a>
                                            				</td>
                <td>  
                                        Object
                    				</td>
                <td class="description">  
                                        <a href="../Grid/parms.htm">同表格参数</a>
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_hideOnLoseFocus"  key="hideOnLoseFocus" class="linkname"></a>
                                                                       hideOnLoseFocus
                                            				</td>
                <td>  
                                        Bool
                    				</td>
                <td class="description">  
                                        失去焦点时隐藏
                    				</td>
                <td>  
                                        true
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_url"  key="url" class="linkname"></a>
                                                                       url
                                            				</td>
                <td>  
                                        String
                    				</td>
                <td class="description">  
                                        数据源URL(需返回JSON)
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_render"  key="render" class="linkname"></a>
                                                                       render
                                            				</td>
                <td>  
                                        Object
                    				</td>
                <td class="description">  
                                        文本框渲染函数
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_absolute"  key="absolute" class="linkname"></a>
                                                                       absolute
                                            				</td>
                <td>  
                                        Bool
                    				</td>
                <td class="description">  
                                        选择框是否在附加到body,并绝对定位
                    				</td>
                <td>  
                                        true
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_condition"  key="condition" class="linkname"></a>
                                                                       <a href="#linkpro406" title="点击查看示例">condition</a>
                                            				</td>
                <td>  
                                        Object
                    				</td>
                <td class="description">  
                                        条件<a href="../Form/parms.htm">同表单参数</a>
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_cancelable"  key="cancelable" class="linkname"></a>
                                                                       cancelable
                                            				</td>
                <td>  
                                        Bool
                    				</td>
                <td class="description">  
                                        是否取消选择
                    				</td>
                <td>  
                                        false
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_css"  key="css" class="linkname"></a>
                                                                       css
                                            				</td>
                <td>  
                                        String
                    				</td>
                <td class="description">  
                                        附加className
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_parms"  key="parms" class="linkname"></a>
                                                                       parms
                                            				</td>
                <td>  
                                        Object
                    				</td>
                <td class="description">  
                                        异步数据请求参数
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_renderItem"  key="renderItem" class="linkname"></a>
                                                                       renderItem
                                            				</td>
                <td>  
                                        Function
                    				</td>
                <td class="description">  
                                        项自定义html函数
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_autocomplete"  key="autocomplete" class="linkname"></a>
                                                                       autocomplete
                                            				</td>
                <td>  
                                        Bool
                    				</td>
                <td class="description">  
                                        自动完成
                    				</td>
                <td>  
                                        false
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_readonly"  key="readonly" class="linkname"></a>
                                                                       readonly
                                            				</td>
                <td>  
                                        Bool
                    				</td>
                <td class="description">  
                                        是否只读
                    				</td>
                <td>  
                                        false
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_ajaxType"  key="ajaxType" class="linkname"></a>
                                                                       ajaxType
                                            				</td>
                <td>  
                                        String
                    				</td>
                <td class="description">  
                                        ajax Type
                    				</td>
                <td>  
                                        'post'
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_valueFieldCssClass"  key="valueFieldCssClass" class="linkname"></a>
                                                                       valueFieldCssClass
                                            				</td>
                <td>  
                                        String
                    				</td>
                <td class="description">  
                                        隐藏域css
                    				</td>
                <td>  
                                        NULL
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_hideGridOnLoseFocus"  key="hideGridOnLoseFocus" class="linkname"></a>
                                                                       hideGridOnLoseFocus
                                            				</td>
                <td>  
                                        Bool
                    				</td>
                <td class="description">  
                                        失去焦点(表格)时隐藏
                    				</td>
                <td>  
                                        false
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_alwayShowInTop"  key="alwayShowInTop" class="linkname"></a>
                                                                       alwayShowInTop
                                            				</td>
                <td>  
                                        Bool
                    				</td>
                <td class="description">  
                                        下拉框总是显示在上方
                    				</td>
                <td>  
                                        false
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_emptyText"  key="emptyText" class="linkname"></a>
                                                                       emptyText
                                            				</td>
                <td>  
                                        String
                    				</td>
                <td class="description">  
                                        空行的数据项
                    				</td>
                <td>  
                                        '(空)'
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_addRowButton"  key="addRowButton" class="linkname"></a>
                                                                       addRowButton
                                            				</td>
                <td>  
                                        String
                    				</td>
                <td class="description">  
                                        新增按钮的显示文本
                    				</td>
                <td>  
                                        '新增'
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_addRowButtonClick"  key="addRowButtonClick" class="linkname"></a>
                                                                       <a href="#linkpro519" title="点击查看示例">addRowButtonClick</a>
                                            				</td>
                <td>  
                                        Function
                    				</td>
                <td class="description">  
                                        新增按钮的点击事件，如果为空将不会出现新增按钮
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_triggerIcon"  key="triggerIcon" class="linkname"></a>
                                                                       triggerIcon
                                            				</td>
                <td>  
                                        String
                    				</td>
                <td class="description">  
                                        右侧图标图片
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_highLight"  key="highLight" class="linkname"></a>
                                                                       highLight
                                            				</td>
                <td>  
                                        Bool
                    				</td>
                <td class="description">  
                                        自动完成是否匹配字符高亮显示
                    				</td>
                <td>  
                                        false
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_selectBoxPosYDiff"  key="selectBoxPosYDiff" class="linkname"></a>
                                                                       selectBoxPosYDiff
                                            				</td>
                <td>  
                                        Int
                    				</td>
                <td class="description">  
                                        下拉框位置y左边调整
                    				</td>
                <td>  
                                        -3
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_dataParmName"  key="dataParmName" class="linkname"></a>
                                                                       dataParmName
                                            				</td>
                <td>  
                                        String
                    				</td>
                <td class="description">  
                                        列表数据字段名
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_ajaxComplete"  key="ajaxComplete" class="linkname"></a>
                                                                       ajaxComplete
                                            				</td>
                <td>  
                                        Function
                    				</td>
                <td class="description">  
                                        ajax OnComplete事件定义
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_ajaxBeforeSend"  key="ajaxBeforeSend" class="linkname"></a>
                                                                       ajaxBeforeSend
                                            				</td>
                <td>  
                                        Function
                    				</td>
                <td class="description">  
                                        ajax OnBeforeSend事件定义
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_ajaxContentType"  key="ajaxContentType" class="linkname"></a>
                                                                       ajaxContentType
                                            				</td>
                <td>  
                                        Function
                    				</td>
                <td class="description">  
                                        ajax contentType定义
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_dataGetter"  key="dataGetter" class="linkname"></a>
                                                                       dataGetter
                                            				</td>
                <td>  
                                        Function
                    				</td>
                <td class="description">  
                                        列表数据获取函数
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_urlParms"  key="urlParms" class="linkname"></a>
                                                                       urlParms
                                            				</td>
                <td>  
                                        Object
                    				</td>
                <td class="description">  
                                        url附带参数(可以是函数)
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_selectBoxRender"  key="selectBoxRender" class="linkname"></a>
                                                                       selectBoxRender
                                            				</td>
                <td>  
                                        Function
                    				</td>
                <td class="description">  
                                        自定义下拉框的内容
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_selectBoxRenderUpdate"  key="selectBoxRenderUpdate" class="linkname"></a>
                                                                       selectBoxRenderUpdate
                                            				</td>
                <td>  
                                        Function
                    				</td>
                <td class="description">  
                                        自定义下拉框(发送值改变)
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_detailEnabled"  key="detailEnabled" class="linkname"></a>
                                                                       detailEnabled
                                            				</td>
                <td>  
                                        Bool
                    				</td>
                <td class="description">  
                                        启用明细数据
                    				</td>
                <td>  
                                        true
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_detailUrl"  key="detailUrl" class="linkname"></a>
                                                                       detailUrl
                                            				</td>
                <td>  
                                        String
                    				</td>
                <td class="description">  
                                        明细数据URL
                    				</td>
                <td>  
                                        true
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_detailPostIdField"  key="detailPostIdField" class="linkname"></a>
                                                                       detailPostIdField
                                            				</td>
                <td>  
                                        String
                    				</td>
                <td class="description">  
                                        提交数据id字段名
                    				</td>
                <td>  
                                        true
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_detailDataParmName"  key="detailDataParmName" class="linkname"></a>
                                                                       detailDataParmName
                                            				</td>
                <td>  
                                        String
                    				</td>
                <td class="description">  
                                        返回数据data字段名
                    				</td>
                <td>  
                                        &nbsp;
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_detailParms"  key="detailParms" class="linkname"></a>
                                                                       detailParms
                                            				</td>
                <td>  
                                        String
                    				</td>
                <td class="description">  
                                        明细数据请求附带参数
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_detailDataGetter"  key="detailDataGetter" class="linkname"></a>
                                                                       detailDataGetter
                                            				</td>
                <td>  
                                        Function
                    				</td>
                <td class="description">  
                                        明细数据请求返回数据获取显示数据函数
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_delayLoad"  key="delayLoad" class="linkname"></a>
                                                                       delayLoad
                                            				</td>
                <td>  
                                        Bool
                    				</td>
                <td class="description">  
                                        是否延时加载
                    				</td>
                <td>  
                                        false
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_triggerToLoad"  key="triggerToLoad" class="linkname"></a>
                                                                       triggerToLoad
                                            				</td>
                <td>  
                                        Bool
                    				</td>
                <td class="description">  
                                        是否在点击下拉按钮时加载
                    				</td>
                <td>  
                                        false
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_autocompleAllowEmpty"  key="autocompleAllowEmpty" class="linkname"></a>
                                                                       autocompleAllowEmpty
                                            				</td>
                <td>  
                                        Bool
                    				</td>
                <td class="description">  
                                        是否允许空值搜索
                    				</td>
                <td>  
                                        false
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_isRowReadonly"  key="isRowReadonly" class="linkname"></a>
                                                                       isRowReadonly
                                            				</td>
                <td>  
                                        Function
                    				</td>
                <td class="description">  
                                        选项是否只读的判定函数
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_rowClsRender"  key="rowClsRender" class="linkname"></a>
                                                                       rowClsRender
                                            				</td>
                <td>  
                                        String
                    				</td>
                <td class="description">  
                                        选项行class name 自定义函数
                    				</td>
                <td>  
                                        null
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_keySupport"  key="keySupport" class="linkname"></a>
                                                                       keySupport
                                            				</td>
                <td>  
                                        Bool
                    				</td>
                <td class="description">  
                                        按键支持
                    				</td>
                <td>  
                                        false
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_conditionSearchClick"  key="conditionSearchClick" class="linkname"></a>
                                                                       conditionSearchClick
                                            				</td>
                <td>  
                                        Function
                    				</td>
                <td class="description">  
                                        下拉框表格搜索按钮自定义函数
                    				</td>
                <td>  
                                        &nbsp;
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_isTextBoxMode"  key="isTextBoxMode" class="linkname"></a>
                                                                       isTextBoxMode
                                            				</td>
                <td>  
                                        Bool
                    				</td>
                <td class="description">  
                                        是否文本框的形式(hidden将无意义)
                    				</td>
                <td>  
                                        &nbsp;
                    				</td> 
			</tr>
					<tr>
				<td>  
                    <a name="property_setTextBySource"  key="setTextBySource" class="linkname"></a>
                                                                       setTextBySource
                                            				</td>
                <td>  
                                        Bool
                    				</td>
                <td class="description">  
                                        设置文本框值时是否从数据源中加载
                    				</td>
                <td>  
                                        &nbsp;
                    				</td> 
			</tr>
		        </tbody>
		</table>

        
                                                                                                 <a name="linkpro12"></a>
                <h3 class="property">columns参数  示例：</h3>

                <p>
                <pre><div><!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--><span style="color: #008080;"> 1</span> <span style="color: #0000FF;">var</span><span style="color: #000000;"> dataGrid </span><span style="color: #000000;">=</span><span style="color: #000000;"> [
</span><span style="color: #008080;"> 2</span> <span style="color: #000000;">                { id: </span><span style="color: #000000;">1</span><span style="color: #000000;">, name: </span><span style="color: #000000;">'</span><span style="color: #000000;">李三</span><span style="color: #000000;">'</span><span style="color: #000000;">, sex: </span><span style="color: #000000;">'</span><span style="color: #000000;">男</span><span style="color: #000000;">'</span><span style="color: #000000;"> },
</span><span style="color: #008080;"> 3</span> <span style="color: #000000;">                { id: </span><span style="color: #000000;">2</span><span style="color: #000000;">, name: </span><span style="color: #000000;">'</span><span style="color: #000000;">李四</span><span style="color: #000000;">'</span><span style="color: #000000;">, sex: </span><span style="color: #000000;">'</span><span style="color: #000000;">女</span><span style="color: #000000;">'</span><span style="color: #000000;"> },
</span><span style="color: #008080;"> 4</span> <span style="color: #000000;">                { id: </span><span style="color: #000000;">3</span><span style="color: #000000;">, name: </span><span style="color: #000000;">'</span><span style="color: #000000;">赵武</span><span style="color: #000000;">'</span><span style="color: #000000;">, sex: </span><span style="color: #000000;">'</span><span style="color: #000000;">女</span><span style="color: #000000;">'</span><span style="color: #000000;"> },
</span><span style="color: #008080;"> 5</span> <span style="color: #000000;">                { id: </span><span style="color: #000000;">4</span><span style="color: #000000;">, name: </span><span style="color: #000000;">'</span><span style="color: #000000;">陈留</span><span style="color: #000000;">'</span><span style="color: #000000;">, sex: </span><span style="color: #000000;">'</span><span style="color: #000000;">女</span><span style="color: #000000;">'</span><span style="color: #000000;"> }
</span><span style="color: #008080;"> 6</span> <span style="color: #000000;">                ]; 
</span><span style="color: #008080;"> 7</span> <span style="color: #000000;">            $(</span><span style="color: #000000;">&quot;</span><span style="color: #000000;">#txtGrid</span><span style="color: #000000;">&quot;</span><span style="color: #000000;">).ligerComboBox({
</span><span style="color: #008080;"> 8</span> <span style="color: #000000;">                data: dataGrid,
</span><span style="color: #008080;"> 9</span> <span style="color: #000000;">                textField: </span><span style="color: #000000;">'</span><span style="color: #000000;">name</span><span style="color: #000000;">'</span><span style="color: #000000;">,
</span><span style="color: #008080;">10</span> <span style="color: #000000;">                columns: [
</span><span style="color: #008080;">11</span> <span style="color: #000000;">                { header: </span><span style="color: #000000;">'</span><span style="color: #000000;">ID</span><span style="color: #000000;">'</span><span style="color: #000000;">, name: </span><span style="color: #000000;">'</span><span style="color: #000000;">id</span><span style="color: #000000;">'</span><span style="color: #000000;">, width: </span><span style="color: #000000;">20</span><span style="color: #000000;"> },
</span><span style="color: #008080;">12</span> <span style="color: #000000;">                { header: </span><span style="color: #000000;">'</span><span style="color: #000000;">名字</span><span style="color: #000000;">'</span><span style="color: #000000;">, name: </span><span style="color: #000000;">'</span><span style="color: #000000;">name</span><span style="color: #000000;">'</span><span style="color: #000000;"> },
</span><span style="color: #008080;">13</span> <span style="color: #000000;">                { header: </span><span style="color: #000000;">'</span><span style="color: #000000;">性别</span><span style="color: #000000;">'</span><span style="color: #000000;">, name: </span><span style="color: #000000;">'</span><span style="color: #000000;">sex</span><span style="color: #000000;">'</span><span style="color: #000000;"> }
</span><span style="color: #008080;">14</span> <span style="color: #000000;">                ],
</span><span style="color: #008080;">15</span> <span style="color: #000000;">                selectBoxWidth: </span><span style="color: #000000;">200</span><span style="color: #000000;">
</span><span style="color: #008080;">16</span> <span style="color: #000000;">            });</span></div></pre>
                </p>
                                                                                                                                                                                                                                                        <a name="linkpro23"></a>
                <h3 class="property">tree参数  示例：</h3>

                <p>
                <pre><div><!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--><span style="color: #008080;">1</span> <span style="color: #000000;">$(</span><span style="color: #000000;">&quot;</span><span style="color: #000000;">#txt3</span><span style="color: #000000;">&quot;</span><span style="color: #000000;">).ligerComboBox({
</span><span style="color: #008080;">2</span> <span style="color: #000000;">                width: </span><span style="color: #000000;">180</span><span style="color: #000000;">,
</span><span style="color: #008080;">3</span> <span style="color: #000000;">                selectBoxWidth: </span><span style="color: #000000;">200</span><span style="color: #000000;">,
</span><span style="color: #008080;">4</span> <span style="color: #000000;">                selectBoxHeight: </span><span style="color: #000000;">200</span><span style="color: #000000;">, valueField: </span><span style="color: #000000;">'</span><span style="color: #000000;">text</span><span style="color: #000000;">'</span><span style="color: #000000;">,
</span><span style="color: #008080;">5</span> <span style="color: #000000;">                tree: { url: </span><span style="color: #000000;">'</span><span style="color: #000000;">../tree/tree.json</span><span style="color: #000000;">'</span><span style="color: #000000;"> }
</span><span style="color: #008080;">6</span> <span style="color: #000000;">            });</span></div></pre>
                </p>
                                                                    <a name="linkpro25"></a>
                <h3 class="property">grid参数  示例：</h3>

                <p>
                <pre><div><!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--><span style="color: #008080;"> 1</span> <span style="color: #000000;">$(</span><span style="color: #000000;">&quot;</span><span style="color: #000000;">#txt1</span><span style="color: #000000;">&quot;</span><span style="color: #000000;">).ligerComboBox({
</span><span style="color: #008080;"> 2</span> <span style="color: #000000;">                width: </span><span style="color: #000000;">250</span><span style="color: #000000;">, slide: </span><span style="color: #0000FF;">false</span><span style="color: #000000;">,
</span><span style="color: #008080;"> 3</span> <span style="color: #000000;">                selectBoxWidth: </span><span style="color: #000000;">500</span><span style="color: #000000;">, selectBoxHeight: </span><span style="color: #000000;">240</span><span style="color: #000000;">,
</span><span style="color: #008080;"> 4</span> <span style="color: #000000;">                valueField: </span><span style="color: #000000;">'</span><span style="color: #000000;">CustomerID</span><span style="color: #000000;">'</span><span style="color: #000000;">, textField: </span><span style="color: #000000;">'</span><span style="color: #000000;">CustomerID</span><span style="color: #000000;">'</span><span style="color: #000000;">,
</span><span style="color: #008080;"> 5</span> <span style="color: #000000;">                grid: {
</span><span style="color: #008080;"> 6</span> <span style="color: #000000;">                    columns: [
</span><span style="color: #008080;"> 7</span> <span style="color: #000000;">                    { display: </span><span style="color: #000000;">'</span><span style="color: #000000;">顾客</span><span style="color: #000000;">'</span><span style="color: #000000;">, name: </span><span style="color: #000000;">'</span><span style="color: #000000;">CustomerID</span><span style="color: #000000;">'</span><span style="color: #000000;">, align: </span><span style="color: #000000;">'</span><span style="color: #000000;">left</span><span style="color: #000000;">'</span><span style="color: #000000;">, width: </span><span style="color: #000000;">100</span><span style="color: #000000;">, minWidth: </span><span style="color: #000000;">60</span><span style="color: #000000;"> }, 
</span><span style="color: #008080;"> 8</span> <span style="color: #000000;">                    { display: </span><span style="color: #000000;">'</span><span style="color: #000000;">电话</span><span style="color: #000000;">'</span><span style="color: #000000;">, name: </span><span style="color: #000000;">'</span><span style="color: #000000;">Phone</span><span style="color: #000000;">'</span><span style="color: #000000;">, width: </span><span style="color: #000000;">100</span><span style="color: #000000;"> },
</span><span style="color: #008080;"> 9</span> <span style="color: #000000;">                    { display: </span><span style="color: #000000;">'</span><span style="color: #000000;">城市</span><span style="color: #000000;">'</span><span style="color: #000000;">, name: </span><span style="color: #000000;">'</span><span style="color: #000000;">City</span><span style="color: #000000;">'</span><span style="color: #000000;">, width: </span><span style="color: #000000;">100</span><span style="color: #000000;"> },
</span><span style="color: #008080;">10</span> <span style="color: #000000;">                    { display: </span><span style="color: #000000;">'</span><span style="color: #000000;">国家</span><span style="color: #000000;">'</span><span style="color: #000000;">, name: </span><span style="color: #000000;">'</span><span style="color: #000000;">Country</span><span style="color: #000000;">'</span><span style="color: #000000;">, width: </span><span style="color: #000000;">100</span><span style="color: #000000;"> }
</span><span style="color: #008080;">11</span> <span style="color: #000000;">                    ], switchPageSizeApplyComboBox: </span><span style="color: #0000FF;">false</span><span style="color: #000000;">,
</span><span style="color: #008080;">12</span> <span style="color: #000000;">                    data: $.extend({}, CustomersData),
</span><span style="color: #008080;">13</span> <span style="color: #000000;">                    pageSize: </span><span style="color: #000000;">30</span><span style="color: #000000;">,
</span><span style="color: #008080;">14</span> <span style="color: #000000;">                    checkbox: </span><span style="color: #0000FF;">true</span><span style="color: #000000;">
</span><span style="color: #008080;">15</span> <span style="color: #000000;">                }
</span><span style="color: #008080;">16</span> <span style="color: #000000;">            });</span></div></pre>
                </p>
                                                                                                                                <a name="linkpro406"></a>
                <h3 class="property">condition参数  示例：</h3>

                <p>
                <pre><div><!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--><span style="color: #008080;"> 1</span> <span style="color: #000000;">$(</span><span style="color: #000000;">&quot;</span><span style="color: #000000;">#txt1</span><span style="color: #000000;">&quot;</span><span style="color: #000000;">).ligerComboBox({
</span><span style="color: #008080;"> 2</span> <span style="color: #000000;">                width: </span><span style="color: #000000;">250</span><span style="color: #000000;">,
</span><span style="color: #008080;"> 3</span> <span style="color: #000000;">                slide: </span><span style="color: #0000FF;">false</span><span style="color: #000000;">,
</span><span style="color: #008080;"> 4</span> <span style="color: #000000;">                selectBoxWidth: </span><span style="color: #000000;">500</span><span style="color: #000000;">,
</span><span style="color: #008080;"> 5</span> <span style="color: #000000;">                selectBoxHeight: </span><span style="color: #000000;">240</span><span style="color: #000000;">,
</span><span style="color: #008080;"> 6</span> <span style="color: #000000;">                valueField: </span><span style="color: #000000;">'</span><span style="color: #000000;">CustomerID</span><span style="color: #000000;">'</span><span style="color: #000000;">,
</span><span style="color: #008080;"> 7</span> <span style="color: #000000;">                textField: </span><span style="color: #000000;">'</span><span style="color: #000000;">CustomerID</span><span style="color: #000000;">'</span><span style="color: #000000;">,
</span><span style="color: #008080;"> 8</span> <span style="color: #000000;">                grid: getGridOptions(</span><span style="color: #0000FF;">true</span><span style="color: #000000;">),
</span><span style="color: #008080;"> 9</span> <span style="color: #000000;">                condition: { fields: [{ name: </span><span style="color: #000000;">'</span><span style="color: #000000;">CompanyName</span><span style="color: #000000;">'</span><span style="color: #000000;">, label: </span><span style="color: #000000;">'</span><span style="color: #000000;">客户</span><span style="color: #000000;">'</span><span style="color: #000000;">, width: </span><span style="color: #000000;">90</span><span style="color: #000000;"> }] }
</span><span style="color: #008080;">10</span> <span style="color: #000000;">            });</span></div></pre>
                </p>
                                                                                                                                                                                                                                                                                                <a name="linkpro519"></a>
                <h3 class="property">addRowButtonClick参数  示例：</h3>

                <p>
                <pre><div><!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--><span style="color: #008080;"> 1</span> <span style="color: #000000;">var dialog = null, combobox;
</span><span style="color: #008080;"> 2</span> <span style="color: #000000;">        $(function ()
</span><span style="color: #008080;"> 3</span> <span style="color: #000000;">        { 
</span><span style="color: #008080;"> 4</span> <span style="color: #000000;">            combobox = $(&quot;#test1&quot;).ligerComboBox({
</span><span style="color: #008080;"> 5</span> <span style="color: #000000;">                data: [
</span><span style="color: #008080;"> 6</span> <span style="color: #000000;">                    { text: '张三', id: '1' },
</span><span style="color: #008080;"> 7</span> <span style="color: #000000;">                    { text: '李四', id: '2' },
</span><span style="color: #008080;"> 8</span> <span style="color: #000000;">                    { text: '赵武', id: '44' }
</span><span style="color: #008080;"> 9</span> <span style="color: #000000;">                ],
</span><span style="color: #008080;">10</span> <span style="color: #000000;">                emptyText: '（空）',            //空行
</span><span style="color: #008080;">11</span> <span style="color: #000000;">                addRowButton: '新增',           //新增按钮
</span><span style="color: #008080;">12</span> <span style="color: #000000;">                addRowButtonClick: function ()  //新增事件
</span><span style="color: #008080;">13</span> <span style="color: #000000;">                {
</span><span style="color: #008080;">14</span> <span style="color: #000000;">                    combobox.clear();
</span><span style="color: #008080;">15</span> <span style="color: #000000;">                    dialog = $.ligerDialog.open({
</span><span style="color: #008080;">16</span> <span style="color: #000000;">                        height: 300,
</span><span style="color: #008080;">17</span> <span style="color: #000000;">                        width: 400,
</span><span style="color: #008080;">18</span> <span style="color: #000000;">                        title: '打开窗口提示',
</span><span style="color: #008080;">19</span> <span style="color: #000000;">                        url: 'addNew.htm',
</span><span style="color: #008080;">20</span> <span style="color: #000000;">                        showMax: false,
</span><span style="color: #008080;">21</span> <span style="color: #000000;">                        showToggle: true,
</span><span style="color: #008080;">22</span> <span style="color: #000000;">                        showMin: false,
</span><span style="color: #008080;">23</span> <span style="color: #000000;">                        isResize: true,
</span><span style="color: #008080;">24</span> <span style="color: #000000;">                        slide: false,
</span><span style="color: #008080;">25</span> <span style="color: #000000;">                        data: {
</span><span style="color: #008080;">26</span> <span style="color: #000000;">                            callback: afterSave
</span><span style="color: #008080;">27</span> <span style="color: #000000;">                        }
</span><span style="color: #008080;">28</span> <span style="color: #000000;">                    });
</span><span style="color: #008080;">29</span> <span style="color: #000000;">                }
</span><span style="color: #008080;">30</span> <span style="color: #000000;">            });
</span><span style="color: #008080;">31</span> <span style="color: #000000;">        });
</span><span style="color: #008080;">32</span> <span style="color: #000000;">        function afterSave(data)
</span><span style="color: #008080;">33</span> <span style="color: #000000;">        {
</span><span style="color: #008080;">34</span> <span style="color: #000000;">            dialog.close(); 
</span><span style="color: #008080;">35</span> <span style="color: #000000;">            combobox.addItem(data); 
</span><span style="color: #008080;">36</span> <span style="color: #000000;">            combobox.setValue(data.id, data.text);
</span><span style="color: #008080;">37</span> <span style="color: #000000;">        }
</span><span style="color: #008080;">38</span> <span style="color: #000000;">
</span><span style="color: #008080;">39</span> <span style="color: #000000;">
</span><span style="color: #008080;">40</span> <span style="color: #000000;">
</span><span style="color: #008080;">41</span> <span style="color: #000000;">addNew.html:
</span><span style="color: #008080;">42</span> <span style="color: #000000;">
</span><span style="color: #008080;">43</span> <span style="color: #000000;">  </span><span style="color: #0000FF;">&lt;</span><span style="color: #800000;">script </span><span style="color: #FF0000;">type</span><span style="color: #0000FF;">=&quot;text/javascript&quot;</span><span style="color: #0000FF;">&gt;</span><span style="background-color: #F5F5F5; color: #000000;">
</span><span style="color: #008080;">44</span> <span style="background-color: #F5F5F5; color: #000000;">        </span><span style="background-color: #F5F5F5; color: #0000FF;">var</span><span style="background-color: #F5F5F5; color: #000000;"> dialog </span><span style="background-color: #F5F5F5; color: #000000;">=</span><span style="background-color: #F5F5F5; color: #000000;"> frameElement.dialog; </span><span style="background-color: #F5F5F5; color: #008000;">//</span><span style="background-color: #F5F5F5; color: #008000;">调用页面的dialog对象(ligerui对象)</span><span style="background-color: #F5F5F5; color: #008000;">
</span><span style="color: #008080;">45</span> <span style="background-color: #F5F5F5; color: #008000;"></span><span style="background-color: #F5F5F5; color: #000000;">        
</span><span style="color: #008080;">46</span> <span style="background-color: #F5F5F5; color: #000000;">        </span><span style="background-color: #F5F5F5; color: #0000FF;">function</span><span style="background-color: #F5F5F5; color: #000000;"> f_save()
</span><span style="color: #008080;">47</span> <span style="background-color: #F5F5F5; color: #000000;">        {
</span><span style="color: #008080;">48</span> <span style="background-color: #F5F5F5; color: #000000;">            </span><span style="background-color: #F5F5F5; color: #0000FF;">var</span><span style="background-color: #F5F5F5; color: #000000;"> form </span><span style="background-color: #F5F5F5; color: #000000;">=</span><span style="background-color: #F5F5F5; color: #000000;"> liger.get(</span><span style="background-color: #F5F5F5; color: #000000;">&quot;</span><span style="background-color: #F5F5F5; color: #000000;">form1</span><span style="background-color: #F5F5F5; color: #000000;">&quot;</span><span style="background-color: #F5F5F5; color: #000000;">);
</span><span style="color: #008080;">49</span> <span style="background-color: #F5F5F5; color: #000000;">            </span><span style="background-color: #F5F5F5; color: #0000FF;">var</span><span style="background-color: #F5F5F5; color: #000000;"> dialogData </span><span style="background-color: #F5F5F5; color: #000000;">=</span><span style="background-color: #F5F5F5; color: #000000;"> dialog.get(</span><span style="background-color: #F5F5F5; color: #000000;">'</span><span style="background-color: #F5F5F5; color: #000000;">data</span><span style="background-color: #F5F5F5; color: #000000;">'</span><span style="background-color: #F5F5F5; color: #000000;">);
</span><span style="color: #008080;">50</span> <span style="background-color: #F5F5F5; color: #000000;">
</span><span style="color: #008080;">51</span> <span style="background-color: #F5F5F5; color: #000000;">            </span><span style="background-color: #F5F5F5; color: #0000FF;">var</span><span style="background-color: #F5F5F5; color: #000000;"> data </span><span style="background-color: #F5F5F5; color: #000000;">=</span><span style="background-color: #F5F5F5; color: #000000;"> form.getData();
</span><span style="color: #008080;">52</span> <span style="background-color: #F5F5F5; color: #000000;">            data.id </span><span style="background-color: #F5F5F5; color: #000000;">=</span><span style="background-color: #F5F5F5; color: #000000;"> </span><span style="background-color: #F5F5F5; color: #000000;">1001</span><span style="background-color: #F5F5F5; color: #000000;">; </span><span style="background-color: #F5F5F5; color: #008000;">//</span><span style="background-color: #F5F5F5; color: #008000;">这里虚拟这个是保存后返回的</span><span style="background-color: #F5F5F5; color: #008000;">
</span><span style="color: #008080;">53</span> <span style="background-color: #F5F5F5; color: #008000;"></span><span style="background-color: #F5F5F5; color: #000000;">            dialogData.callback(data);
</span><span style="color: #008080;">54</span> <span style="background-color: #F5F5F5; color: #000000;">        }
</span><span style="color: #008080;">55</span> <span style="background-color: #F5F5F5; color: #000000;">
</span><span style="color: #008080;">56</span> <span style="background-color: #F5F5F5; color: #000000;">    </span><span style="color: #0000FF;">&lt;/</span><span style="color: #800000;">script</span><span style="color: #0000FF;">&gt;</span><span style="color: #000000;"> 
</span><span style="color: #008080;">57</span> <span style="color: #000000;">
</span><span style="color: #008080;">58</span> <span style="color: #000000;"></span><span style="color: #0000FF;">&lt;/</span><span style="color: #800000;">head</span><span style="color: #0000FF;">&gt;</span><span style="color: #000000;">
</span><span style="color: #008080;">59</span> <span style="color: #000000;"></span><span style="color: #0000FF;">&lt;</span><span style="color: #800000;">body </span><span style="color: #FF0000;">style</span><span style="color: #0000FF;">=&quot;padding:10px&quot;</span><span style="color: #0000FF;">&gt;</span><span style="color: #000000;"> 
</span><span style="color: #008080;">60</span> <span style="color: #000000;">  </span><span style="color: #0000FF;">&lt;</span><span style="color: #800000;">div </span><span style="color: #FF0000;">id</span><span style="color: #0000FF;">=&quot;form1&quot;</span><span style="color: #FF0000;"> class</span><span style="color: #0000FF;">=&quot;liger-form&quot;</span><span style="color: #0000FF;">&gt;</span><span style="color: #000000;">
</span><span style="color: #008080;">61</span> <span style="color: #000000;">        </span><span style="color: #0000FF;">&lt;</span><span style="color: #800000;">div </span><span style="color: #FF0000;">class</span><span style="color: #0000FF;">=&quot;fields&quot;</span><span style="color: #0000FF;">&gt;</span><span style="color: #000000;">
</span><span style="color: #008080;">62</span> <span style="color: #000000;">            </span><span style="color: #0000FF;">&lt;</span><span style="color: #800000;">input </span><span style="color: #FF0000;">data-type</span><span style="color: #0000FF;">=&quot;text&quot;</span><span style="color: #FF0000;"> data-label</span><span style="color: #0000FF;">=&quot;标题&quot;</span><span style="color: #FF0000;"> data-name</span><span style="color: #0000FF;">=&quot;text&quot;</span><span style="color: #FF0000;"> </span><span style="color: #0000FF;">/&gt;</span><span style="color: #000000;"> 
</span><span style="color: #008080;">63</span> <span style="color: #000000;">            </span><span style="color: #0000FF;">&lt;</span><span style="color: #800000;">input </span><span style="color: #FF0000;">data-type</span><span style="color: #0000FF;">=&quot;textarea&quot;</span><span style="color: #FF0000;"> data-label</span><span style="color: #0000FF;">=&quot;备注&quot;</span><span style="color: #FF0000;"> data-name</span><span style="color: #0000FF;">=&quot;remark&quot;</span><span style="color: #FF0000;"> </span><span style="color: #0000FF;">/&gt;</span><span style="color: #000000;"> 
</span><span style="color: #008080;">64</span> <span style="color: #000000;">        </span><span style="color: #0000FF;">&lt;/</span><span style="color: #800000;">div</span><span style="color: #0000FF;">&gt;</span><span style="color: #000000;">  
</span><span style="color: #008080;">65</span> <span style="color: #000000;">    </span><span style="color: #0000FF;">&lt;/</span><span style="color: #800000;">div</span><span style="color: #0000FF;">&gt;</span><span style="color: #000000;"> 
</span><span style="color: #008080;">66</span> <span style="color: #000000;">  </span><span style="color: #0000FF;">&lt;</span><span style="color: #800000;">div </span><span style="color: #FF0000;">class</span><span style="color: #0000FF;">=&quot;liger-button&quot;</span><span style="color: #FF0000;"> data-click</span><span style="color: #0000FF;">=&quot;f_save&quot;</span><span style="color: #FF0000;"> data-width</span><span style="color: #0000FF;">=&quot;150&quot;</span><span style="color: #0000FF;">&gt;</span><span style="color: #000000;">保存</span><span style="color: #0000FF;">&lt;/</span><span style="color: #800000;">div</span><span style="color: #0000FF;">&gt;</span><span style="color: #000000;"> </span></div></pre>
                </p>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            

         	</body>
</html>